<template>
	<div>
		<div id="slider1" class="slider">
			<div class="conbox">
				<div><a href="#" title=""><img src="../assets/images/ddf.jpg" width="1000" height="355" /></a></div>
				<div><a href="#" title=""><img src="../assets/images/dde.jpg" width="1000" height="355" /></a></div>
				<div><a href="#" title=""><img width="620" height="340" alt="" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-22/f4fe9dd611bd459c0244159163109bc4.jpg"></a></div>
				<div><a href="#" title=""><img width="620" height="340" alt="" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-13/323ce4b13f72648e096bd1a86cba762a.jpg"></a></div>
				<div><a href="#" title=""><img width="620" height="340" alt="" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-17/9fae30738c94fb8e47dd2ba3e6003290.jpg"></a></div>
			</div>

			<div class="switcher">
				<a href="#" class="cur">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
			</div>
</div>
<div class="mian">
    <div class="matter">
        <div class="left">
        	<div class="a03">
            	<div class="info">新闻分类</div>
                    <div class="content">
                   		<ul>
                            <li><a href="#">婚嫁宝库  </a></li>
                            <li><a href="#">拍摄须知 </a></li>
                            <li><a href="#">学习交流</a></li>
                        </ul>
                   </div>
            </div>
            <div class="b01">
           	  <div class="info">客服服务</div>
                <div class="content1">
                <span class="red">尊贵的客户</span>，您好！欢迎进入伯爵婚纱摄
                影客户服务中心！这里将为您展示新人的
                幸福瞬间。与此同时，并将最美好的祝福
                送给每对新人。<br />
                婚纱摄影客户咨询热线：0592-021514155
                 太阳城欢迎广大追求美的新人前来咨询我
                们将留给您不一样的记忆。<br />
                了解我们，从这里开始 | 摄影常见问题解
                答 | 服务须知：拍摄当天 | 服务须知：拍
                摄前准备 | 高端定制服务服务流程 | 高端
                定制服务服务说明<br />
                郑重声明：伯爵客户服务频道所展示的作品
                均来自真实客人定制照片，并经由客户本人
                同意在唯一官方网站www.stbjhs.com进行发
                表。 </div>
            </div>
        </div>
        <div class="right">
        	<div class="new">
            	<div class="info">
                	<div class="title"></div>
                </div>
                <div class="content">
                	<div class="one">
                    	<h2><a href="news详细.html">顾客满意就是我们唯一关注的！</a></h2>
                        <p>摄影师、化妆师：全部都是属于全国十佳摄影师的样片级别总监亲自常年住店培养
设备：汕头唯一用最适合拍摄人像的相机佳能5D mark ii并配齐三个镜头的工作室</p>
                    </div>
                    <div class="one">
                    	<h2><a href="news详细.html">顾客满意就是我们唯一关注的！</a></h2>
                        <p>摄影师、化妆师：全部都是属于全国十佳摄影师的样片级别总监亲自常年住店培养
设备：汕头唯一用最适合拍摄人像的相机佳能5D mark ii并配齐三个镜头的工作室</p>
                    </div>
                    <div class="one">
                    	<h2><a href="news详细.html">顾客满意就是我们唯一关注的！</a></h2>
                        <p>摄影师、化妆师：全部都是属于全国十佳摄影师的样片级别总监亲自常年住店培养
设备：汕头唯一用最适合拍摄人像的相机佳能5D mark ii并配齐三个镜头的工作室</p>
                    </div>
                    <div class="one">
                    	<h2><a href="news详细.html">顾客满意就是我们唯一关注的！</a></h2>
                        <p>摄影师、化妆师：全部都是属于全国十佳摄影师的样片级别总监亲自常年住店培养
设备：汕头唯一用最适合拍摄人像的相机佳能5D mark ii并配齐三个镜头的工作室</p>
                    </div>
                    <div class="one">
                    	<h2><a href="news详细.html">顾客满意就是我们唯一关注的！</a></h2>
                        <p>摄影师、化妆师：全部都是属于全国十佳摄影师的样片级别总监亲自常年住店培养
设备：汕头唯一用最适合拍摄人像的相机佳能5D mark ii并配齐三个镜头的工作室</p>
                    </div>
                    <div class="one">
                    	<h2><a href="news详细.html">顾客满意就是我们唯一关注的！</a></h2>
                        <p>摄影师、化妆师：全部都是属于全国十佳摄影师的样片级别总监亲自常年住店培养
设备：汕头唯一用最适合拍摄人像的相机佳能5D mark ii并配齐三个镜头的工作室</p>
                    </div>
                
                </div>
                <div class="digg"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div>
            </div>
        </div>
    </div>	

 </div>
	</div>
</template>

<script type="text/javascript">
	export default {
  name: '',
  data () {
    return {
      msg: ''
    }
  }
}

</script>
<style scoped>
.mian .matter { width:1000px; margin:auto;  margin-top:6px; zoom:1; overflow:hidden;}
.matter .left{ float:left; width:250px;}
.matter .right{ width:740px; float:right;}
.a03{ width:250px; background:#ececec; margin-bottom:10px; }
.a03 .info{ color:#000000;font:18px/1.4 'Microsoft Yahei','黑体',Tahoma,Helvetica,arial,sans-serif; border-bottom:1px dashed #cccccc; width:240px; margin:auto; height:30px; line-height:30px; padding-left:10px;}
.a03 .content{ width:150px; margin:auto; padding:5px 0px 15px 0px;}
.a03 li{ background:url(../assets/images/img_24.jpg) repeat-x; width:150px; height:30px; line-height:30px; }
.a03 li a{ color:#505050; display:block; text-align:center;}
.a03 li a:hover{ width:150px; color:#ff6600; }
.b01{ width:248px; border:1px solid #d4d4d4; margin-bottom:8px;}
.b01 .info{ color:#000000;font:18px/1.4 'Microsoft Yahei','黑体',Tahoma,Helvetica,arial,sans-serif; border-bottom:1px dashed #cccccc; width:240px; margin:auto; height:30px; line-height:30px; padding-left:10px;}
.b01 .content{ text-align:center; padding:6px 0px;}
.b01 .content1{ padding:10px; color:#333333; line-height:24px;}
.red{ color:#F00;}
.new{ width:740px;}
.new .info{ background:url(../assets/images/img_6.jpg) repeat-x; width:100%; height:57px; }
.new .title{background:url(../assets/images/img_25.jpg) no-repeat; width:267px; height:57px;}
.one{background-image: url(../assets/images/img_26.jpg);background-repeat: no-repeat;background-position: left;width:740px; height:116px; border-bottom:1px solid #dbdbdb;padding-right:10px;}
.one h2{font:18px/1.4 'Microsoft Yahei','黑体',Tahoma,Helvetica,arial,sans-serif; font-weight:bold; padding:18px 0px 0px 100px; margin:0px; height:30px; line-height:30px; overflow:hidden;}
.one h2 a{ color:#333;}
.one p{ line-height:18px; padding-left:100px; color:#a6a6a6; height:36px; overflow:hidden;}
.new .content2{padding:20px;text-indent:2em;line-height:25px;color:#505050;}
.new .content2 h2{ text-align:center;}
.new .content2 .biaot{ text-align:center; width:710px; height:25px; border:1px solid #e8e8e8; background:#f7f7f7; color:#505050; margin:auto;}
.new .content2 .neirong{ width:710px; margin:auto; padding:15px 0px;}

</style>